<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="tarjetaempresaform.title"/></title>
    <meta name="heading" content="<fmt:message key='tarjetaempresaform.heading'/>"/>
</head>

<spring:bind path="tarjetaEmpresa.*">
    <c:if test="${not empty status.errorMessages}">
    <div class="error">
        <c:forEach var="error" items="${status.errorMessages}">
            <img src="<c:url value="/images/iconWarning.gif"/>"
                alt="<fmt:message key="icon.warning"/>" class="icon"/>
            <c:out value="${error}" escapeXml="false"/><br />
        </c:forEach>
    </div>
    </c:if>
</spring:bind>

<form:form commandName="tarjetaEmpresa" method="post" action="tarjetaempresagroupform.html" 
	onsubmit="return onFormSubmit(this)" id="tarjetaempresagroupform">
<form:hidden path="id"/>

<ul>
    <li class="buttonBar right">
        <%-- So the buttons can be used at the bottom of the form --%>
        <c:set var="buttons">
            <input type="submit" class="button" name="save" onclick="bCancel=false" value="<fmt:message key="button.save"/>"/>
            
		    <input type="button"  class="button"  onclick="location.href='<c:url value="/tarjetaempresa/tarjetaempresalist.html"/>'"
		        value="<fmt:message key="button.cancel"/>"/>            
        </c:set>
        <c:out value="${buttons}" escapeXml="false"/>
    </li>
    
    <li>
    <label for="numeroInicio" class="required desc">
	         <fmt:message key="common.inicio"/><span class="req">*</span></label>
        <form:errors path="numeroInicio" cssClass="fieldError"/>
        <form:input path="numeroInicio" id="numeroInicio" cssClass="text medium" cssErrorClass="text medium error" maxlength="6"/>
    </li>
    
    <li>
    <label for="numeroFin" class="required desc">
	         <fmt:message key="common.fin"/><span class="req">*</span></label>
        <form:errors path="numeroFin" cssClass="fieldError"/>
        <form:input path="numeroFin" id="numeroFin" cssClass="text medium" cssErrorClass="text medium error" maxlength="6"/>
    </li>         

    <li>
    <label for="daVigenciaInicio" class="required desc">
	         <fmt:message key="common.vigencia.inicio"/><span class="req">*</span></label>
        <form:input path="daVigenciaInicio" id="daVigenciaInicio" size="11"/>
        <input type="button" class="buttoncal" id="daFechaInicioVigenciaCal" value="..."/>  [<fmt:message key="date.format"/>]
        <form:errors path="daVigenciaInicio" cssClass="fieldError"/> 
		<script type="text/javascript">
	    	new Calendar({
                inputField: "daVigenciaInicio",		// id of the input field
                dateFormat: "%d/%m/%Y",
                trigger	: "daFechaInicioVigenciaCal",	// id of the button
                bottomBar	: false,
                onSelect	: function() {
	    			this.hide();
            		  //frk: si se quiere utilizar dejo esta linea de codigo
                    //var date = Calendar.intToDate(this.selection.get());
                }
        	});		   	 
		</script>               
    </li> 
         
    <li>
    <label for="daVigenciaFin" class="required desc">
	         <fmt:message key="common.vigencia.fin"/><span class="req">*</span></label>
        <form:input path="daVigenciaFin" id="daVigenciaFin" size="11"/>
        <input type="button" class="buttoncal" id="daFechaFinVigenciaCal" value="..."/>  [<fmt:message key="date.format"/>]
        <form:errors path="daVigenciaFin" cssClass="fieldError"/> 
		<script type="text/javascript">  
	    	new Calendar({
                inputField: "daVigenciaFin",		// id of the input field
                dateFormat: "%d/%m/%Y",
                trigger	: "daFechaFinVigenciaCal",	// id of the button
                bottomBar	: false,
                onSelect	: function() {
	    			this.hide();
            		  //frk: si se quiere utilizar dejo esta linea de codigo
                    //var date = Calendar.intToDate(this.selection.get());
                }
        	});		   	
		</script>               
    </li>          
         
    <li>
        <appfuse:label styleClass="desc" key="common.observaciones"/>
        <form:errors path="deObservaciones" cssClass="fieldError"/>
        <form:textarea path="deObservaciones" id="deObservaciones" cssClass="text medium" cssErrorClass="text medium error"/>
    </li>     
   
    <li class="buttonBar bottom">
        <c:out value="${buttons}" escapeXml="false"/>
    </li>
</ul>
</form:form>

<script type="text/javascript">
    Form.focusFirstElement($('tarjetaempresagroupform'));
    highlightFormElements();  
  
	function onFormSubmit(theForm) {

	  	var daFechaInicioVigencia = dwr.util.getValue("daVigenciaInicio");
	  	var daFechaFinVigencia = dwr.util.getValue("daVigenciaFin");
	  	return comparingDates(daFechaInicioVigencia , daFechaFinVigencia,
		  			 '<fmt:message key="common.vigencia.inicio"/>', '<fmt:message key="common.vigencia.fin"/>') 
			&& validateTarjetaEmpresa(theForm);
	}    

</script>
<v:javascript formName="tarjetaEmpresa" staticJavascript="false"/>
<script type="text/javascript" src="<c:url value="/scripts/validator.jsp"/>"></script>